.categroyBar {
  ul {
    box-sizing: border-box;
    width: 2.9rem;
    height: 0.6rem;
    border-radius: 0.3rem;
    border: solid 0.01rem white;
    margin: 0;
    padding: 0;
    display: flex;
    position: relative;

    li {
      list-style: none;
      flex: 1;
      text-align: center;
      line-height: 0.58rem;
      font-size: 0.28rem;
      z-index: 1;
    }
    .active {
      color: #ee7530;
    }
    &::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 50%;
      height: 100%;
      background: white;
      border-radius: 0.3rem;
      transition: all .3s;
    }


  }

  .left::before {
    transform: translateX(0);
  }

  .right::before {
    transform: translateX(100%);
  }
}
